<template>
	<view class="container">
		<uni-segmented-control :current="current" :values="list" @clickItem="handleClick" styleType="text" activeColor="#FFCC00"></uni-segmented-control>
		<view class="page">
			<view v-show="current===0">
				<ShowPage :status="outStatus"></ShowPage>
			</view>
			<view v-show="current===1">
				<ShowPage :status="inStatus"></ShowPage>
			</view>
		</view>
	</view>
</template>

<script>
	import ShowPage from "../../component/bookKeeping/showPage.vue"
	export default{
		data(){
			return {
				current:0,
				list:[
					"支出","收入"
				],
				outStatus:{out:true,iconList:[
					"food","clothes","traffic","study","play","qita"
				]},
				inStatus:{out:false,iconList:[
					"jianzhi","shenghuofei","touzi","tuikuan","hongbao","jiangjin","qita"
				]}
		}
		},
		methods:{
			handleClick(event){
				console.log(event)
				this.current=event.currentIndex;
			}
		},
		components:{
			ShowPage
		}
	}
</script>

<style>
</style>
